<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<h3>HTML DOM setTimeout() 方法</h3>
<div>
  <h4>定义和用法</h4>
  <p>setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。</p>
  <h5>语法</h5>
  <pre class="prettyprint">setTimeout(code,millisec)</pre>
  <table class="dataintable">
    <tr>
      <th>参数</th>
      <th>描述</th>
    </tr>
    <tr>
      <td>code</td>
      <td>必需。要调用的函数后要执行的 JavaScript 代码串。</td>
    </tr>
    <tr>
      <td>millisec</td>
      <td>必需。在执行代码前需等待的毫秒数。</td>
    </tr>
  </table>
</div>
<div>
  <h4>提示和注释</h4>
  <p class="tip"><span>提示：</span>setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。</p>
</div>
<div>
  <h4>实例</h4>
  <pre class="prettyprint">&lt;html&gt;
&lt;head&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
function timedMsg()
{
var t=setTimeout(&quot;alert('5 seconds!')&quot;,5000)
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;form&gt;
&lt;input type=&quot;button&quot; value=&quot;Display timed alertbox!&quot;
onClick=&quot;timedMsg()&quot;&gt;
&lt;/form&gt;
&lt;p&gt;Click on the button above. An alert box will be
displayed after 5 seconds.&lt;/p&gt;
&lt;/body&gt;

&lt;/html&gt;</pre>
</div>
<div class="example">
  <h4>TIY</h4>
  <dl>
    <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=hdom_timing1">简单的计时</a></dt>
    <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=hdom_timing2">另一个简单的计时</a></dt>
    <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=hdom_timing_infinite">无穷循环中的计时</a></dt>
    <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=hdom_timing_stop">无穷循环中的计时 - 带有一个停止按钮</a></dt>
    <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=hdom_timing_clock">一个时钟</a></dt>
  </dl>
</div>
<hr />
<h3>HTML DOM clearTimeout() 方法</h3>
<div>
  <h4>定义和用法</h4>
  <p>clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。</p>
  <h5>语法</h5>
  <pre class="prettyprint">clearTimeout(<i>id_of_settimeout</i>)</pre>
  <table class="dataintable">
    <tr>
      <th>参数</th>
      <th>描述</th>
    </tr>
    <tr>
      <td>id_of_settimeout</td>
      <td>由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。</td>
    </tr>
  </table>
</div>
<div>
  <h4>实例</h4>
  <p>下面的例子每秒调用一次  timedCount() 函数。您也可以使用一个按钮来终止这个定时消息：</p>
  <pre class="prettyprint">&lt;html&gt;
&lt;head&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var c=0
var t
function timedCount()
  {
  document.getElementById('txt').value=c
  c=c+1
  t=setTimeout(&quot;timedCount()&quot;,1000)
  }
function stopCount()
  {
  <code>clearTimeout(t)</code>
  }
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;form&gt;
&lt;input type=&quot;button&quot; value=&quot;Start count!&quot; onClick=&quot;timedCount()&quot;&gt;
&lt;input type=&quot;text&quot; id=&quot;txt&quot;&gt;
&lt;input type=&quot;button&quot; value=&quot;Stop count!&quot; onClick=&quot;stopCount()&quot;&gt;
&lt;/form&gt;

&lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<div class="example">
  <h4>TIY</h4>
  <dl>
    <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=hdom_timing_stop">带有停止按钮的计时程序</a></dt>
  </dl>
</div>
<hr />
<h3>HTML DOM setInterval() 方法</h3>
<div>
  <h4>定义和用法</h4>
  <p>setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。</p>
  <p>setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。</p>
  <h5>语法</h5>
  <pre class="prettyprint">setInterval(code,millisec[,&quot;lang&quot;])</pre>
  <table class="dataintable">
    <tr>
      <th>参数</th>
      <th>描述</th>
    </tr>
    <tr>
      <td>code</td>
      <td>必需。要调用的函数或要执行的代码串。</td>
    </tr>
    <tr>
      <td>millisec</td>
      <td>必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。</td>
    </tr>
  </table>
  <h5>返回值</h5>
  <p>一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。</p>
</div>
<div>
  <h4>实例</h4>
  <pre class="prettyprint">&lt;html&gt;
&lt;body&gt;

&lt;input type=&quot;text&quot; id=&quot;clock&quot; size=&quot;35&quot; /&gt;
&lt;script language=javascript&gt;
var int=<code>self.setInterval(&quot;clock()&quot;,50)</code>
function clock()
  {
  var t=new Date()
  document.getElementById(&quot;clock&quot;).value=t
  }
&lt;/script&gt;
&lt;/form&gt;
&lt;button onclick=&quot;int=<code>window.clearInterval(int)&quot;&gt;</code>
Stop interval&lt;/button&gt;

&lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<div class="example">
  <h4>TIY</h4>
  <dl>
    <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=hdom_setinterval">使用 setInterval() 和 clearInterval()</a></dt>
  </dl>
</div>
<hr />
<h3>HTML DOM clearInterval() 方法</h3>
<div>
  <h4>定义和用法</h4>
  <p>clearInterval() 方法可取消由 setInterval() 设置的 timeout。</p>
  <p>clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。</p>
  <h5>语法</h5>
  <pre class="prettyprint">clearInterval(id_of_setinterval)</pre>
  <table class="dataintable">
    <tr>
      <th>参数</th>
      <th>描述</th>
    </tr>
    <tr>
      <td>id_of_setinterval</td>
      <td>由 setInterval() 返回的 ID 值。</td>
    </tr>
  </table>
</div>
<div>
  <h4>实例</h4>
  <p>下面这个例子将每隔 50 毫秒调用 clock() 函数。您也可以使用一个按钮来停止这个 clock：</p>
  <pre class="prettyprint">&lt;html&gt;
&lt;body&gt;

&lt;input type=&quot;text&quot; id=&quot;clock&quot; size=&quot;35&quot; /&gt;
&lt;script language=javascript&gt;
var int=self.setInterval(&quot;clock()&quot;,50)
function clock()
  {
  var t=new Date()
  document.getElementById(&quot;clock&quot;).value=t
  }
&lt;/script&gt;
&lt;/form&gt;
&lt;button onclick=&quot;int=window.clearInterval(int)&quot;&gt;
Stop interval&lt;/button&gt;

&lt;/body&gt;
&lt;/html&gt;</pre>
</div>
<div class="example">
  <h4>TIY</h4>
  <dl>
    <dt><a href="http://www.w3school.com.cn/tiy/t.asp?f=hdom_setinterval">使用 setInterval() 和 clearInterval()</a></dt>
  </dl>
</div>
</body>
</html>
